<html><head>
    <title>CSS3 Gallery Example by Andrea Giammarchi</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <link rel="stylesheet" href="sa.css" type="text/css">
    <script src="../js/jquery/jquery-1.7.min.js" type="text/javascript"></script>
<body screen_capture_injected="true">
<ul class="thumb">
    <li>
        <img src="img/image1.jpg" width="480" height="322">
    </li>
    <li>
        <img src="img/image2.jpg" width="480" height="322">
    </li>
    <li>
        <img src="img/image3.jpg" width="480" height="322">
    </li>
    <li>
        <img src="img/image4.jpg" width="480" height="322">
    </li>
    <li>
        <img src="img/image5.jpg" width="480" height="322">
    </li>
    <li>
        <img src="img/image1.jpg" width="480" height="322">
    </li>
    <li>
        <img src="img/image2.jpg" width="480" height="322">
    </li>
    <li>
        <img src="img/image3.jpg" width="480" height="322">
    </li>
    <li>
        <img src="img/image4.jpg" width="480" height="322">
    </li>
    <li>
        <img src="img/image5.jpg" width="480" height="322">
    </li>
    <li>
        <img src="img/image1.jpg" width="480" height="322">
    </li>
    <li>
        <img src="img/image2.jpg" width="480" height="322">
    </li>
    <li>
        <img src="img/image3.jpg" width="480" height="322">
    </li>
    <li>
        <img src="img/image4.jpg" width="480" height="322">
    </li>
    <li>
        <img src="img/image5.jpg" width="480" height="322">
    </li>
</ul>

 <script language="javascript">
     console.log($(".thumb li").length);
     var items=$(".thumb li");
     $.each(items,function(i,item){
         var angel=Math.round(Math.random()*(50-0)+0);
         $(item).css({
         "margin-top":(Math.round(Math.random()*(300-0)+0))+"px",
         "margin-left":(Math.round(Math.random()*(400-0)+0))+"px",
         "-moz-transform":"rotate(-"+angel+"deg)",
         "-webkit-transform":"rotate(-"+angel+"deg)",
         "transform":"rotate(-"+angel+"deg)"
         });
     })
     items.hover(function(){

     })
     </script>
</body></html>